@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-05-26 11:33:38
 * @version $Id$
 */
/*通配css样式*/
*{margin:0px;padding:0px;}
body{font-size:14px; font-family:"微软雅黑"; color:#838181; background:#fff;}
a:link{ color:#838181; text-decoration:none;}
a:visited { color:#838181;}
a:hover { color:#00a72b; text-decoretion:none;}
.clearfix:after { content:""; height:0; visibility:hidden; display:block; clear:both; font-size:0;}
.clearfix{ zoom:1 }
.wrapper{width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr { float:right;}
/*.bk,.bk5,.bk10,.bk15,.bk20,.bk25,.bk30{ height:0px; line-height:0px; clear:both;}
.bk5{ height:5px;}.bk10{ height:10px;}.bk15{ height:15px;}.bk20{ height:20px;}.bk25{ height:25px;}.bk30{ height:30px;}.bk95 {height:95px;}*/
ul,li { list-style:none}
img,li{vertical-align: middle; border:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.bk {border:1px solid red;}
/*头部样式 开始*/
.header { background:#000; height:80px;width:100%; min-width:1200px;}
.header .logo { float:left;line-height:80px;}
.logo img {margin:0 40px 0 39px;}
.header .nav>ul>li { float:left;text-align:center;transition:all .3s;position: relative;z-index: 9999}
.header .nav>ul>li>a {font-size:14px; color:#fff;width:139px; height:80px;line-height:80px;display: block;}
.header .nav>ul>li:hover{background: #00a72b;}
.header .nav>ul>li:hover ul {display: block;}
.header .nav>ul>li ul li a:hover {background: #4ea965;/*transform: rotateX(20deg);*/ }
.header .nav>ul>li ul{position: absolute;top: 80px;left: 0px;display:none;}
.header .nav>ul>li ul li a {width:139px;height: 50px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 50px;border-top: 1px solid #666;background: #000;background: rgba(0,0,0,.6);transition:all .3s;}
/*banner样式 开始*/
.banner { position:relative;width:100%;text-align:center; overflow:hidden;min-width:1200px;position:relative;}
.banner img {min-width:1200px;width:100%;}
.banner .btn li{width:15px;height:15px;border-radius:15px;border:1px solid #00a72b;display:inline-block;*display:inline;*zoom:1;margin:0 10px;}
.banner .btn ul { position:absolute;bottom:40px;left:0px;width:100%;min-width:1200px;}
.banner ul li:hover { background:#00a72b;border:1px solid #00a72b;}
/*banner 开始*/

.banner{width: 100%;height: auto; min-width: 1200px;}
.banner img{width: 100%;}
/*banner 结束*/

/*预约设计 开始*/
.order{width:100%; height:auto; min-width: 1200px; background: #f3f3f3; padding-top:90px; }
.order .wrapper>p{ font-size:16px; color:#8e8e8e;float: right; margin-top:-40px;}
.order .back{width:1200px; height:482px;background:#fff; position: relative;}
.order .back .pic-1{margin-left: -327px;margin-top: -260px;}
.order .back .pic-1 a{ display:block;}
.order .back .pic-2{background: url(../images/team-border.png)no-repeat; width: 300px; height: 400px; margin-top: -300px; margin-left: 127px;}
.order .back .pic-3{background: #3a424d; width:970px; height:300px; margin-top: 27px; margin-left: 127px;}
.order .back .pic-4{background: url(../images/team-pic03.png) 427px no-repeat ; width: 1200px; height: 483px; opacity: 0.1;display: block;}
.order .back .txt .title{font-size: 30px; color: #fff;display: inline-block;}
.order .back .txt .title01{font-size: 12px;color: #00a72b;margin-top: 20px; margin-left: 18px;display: inline-block;}
.order .back .txt .btn {display: inline-block; width: 100px;height: 30px; border-radius: 5px; color: #fff; margin-left: 356px; text-align: center; line-height: 30px;}
.order .back .txt .btn a{display: inline-block; border:1px solid #fff; width: 100px;height: 30px; border-radius: 5px; color: #fff; transition:all .3s;}
.order .back .txt .btn a:hover {border: 1px solid #00a72b; background: #00a72b;}
.order .back .txt .txt01{margin-top:30px; color: #fff;line-height: 45px;}
/*.order .back .txt dl span{color: #fff;}*/
.order .back .txt{position: absolute; left: 480px; top:50px;}


/*预约设计 结束*/

/*代表作品 开始*/
.piece{width: 100%; height: auto; min-width: 1200px; background: #f3f3f3; position: relative; padding-bottom: 60px;}
.piece .top .icon{background: url(../images/team-masterPiece.png)no-repeat center;width:100%; height: 32px; display: inline-block; margin-top: 33px;}
.piece .top .txt{font-size: 20px; color: #3a424d; text-align: center; margin-top: 10px;}
.piece .line-1{background: #00a72b; width: 30px; height: 3px; position: absolute; top:118px; left: 50%; margin-left: -15px;}
.piece .line{ width: 100%; border-bottom: 1px solid #dedfe0;top: 120px; left: 0px;position: absolute;}
.piece .middle{width: 1200px; height: 650px;background: #fff; margin-top: 55px;}
.piece .middle>ul{width: 597px; height: 300px; display: inline-block;}
.piece .middle ul .pic{ margin-top: 38px; margin-left: 20px;}
.piece .middle .txt { width: 240px; margin-top: 60px; margin-left: 20px;}
.piece .middle .txt h4{ color: #000; margin-bottom: 15px;}
.piece .middle .txt li{margin-bottom: 7px;}
.piece .middle .txt .btn-1{width: 100px; height: 30px; text-align: center; line-height: 30px; display: inline-block;margin-top: 8px;}
.piece .middle .txt .btn-2{width: 100px; height: 30px; text-align: center; line-height: 30px; display: inline-block;margin-left: 30px; margin-top: 8px;}
.piece .middle .txt li a{border:1px solid #8e8e8e; display: inline-block; width: 100px; height: 30px; transition:all .3s;}
.piece .middle .txt a:hover{ background: #00a72b; color: #fff; border: 1px solid transparent;}
.piece .bottom li{border: 1px solid #dedfe0; width: 30px; height: 30px; display: inline-block; text-align: center;line-height: 30px;}
.piece .bottom a{ width: 30px; height: 30px; display: inline-block; text-align: center;line-height: 30px; transition:all .3s;}
.piece .bottom a:hover{background:#00a72b;color:#fff;}
.piece .bottom li:hover{border:1px solid #00a72b;}
.piece .bottom .home{width: 70px;}
.piece .bottom .end{width: 70px;}
.piece .bottom .home a{width: 70px;transition:all .3s;}
.piece .bottom .end a{width: 70px;transition:all .3s;}
.piece .bottom{text-align: center; margin-top: -60px;}

/*代表作品 结束*/


/*底部导航样式  开始*/
.footer { background:#3a424d;width: 100%;height:436px;position: relative;padding-top:42px;margin-top:41px;}
.footer ul.pic{font-size:0;margin-left:58px;}
.footer ul.pic li{display: inline-block;*display:inline;*zoom:1;margin-right:147px;z-index:99999px;position:relative;}
.footer ul.pic li img {display: block;}
.footer ul.pic li .picupdown {height: 65px;overflow: hidden;transition:all .3s;}
.footer ul.pic li:hover .picupdown .picup,.footer ul.pic li:hover .picupdown .picover{transform:translate(0,-66px);}
.footer ul.pic li a{display: block;}
.footer ul.pic li a.pic01right {width:76px;height:60px;background:url(../images/about-q.png) no-repeat;display: block; margin:3px 0 0 32px ;}

.footer ul.pic li a.footer-pic02 {width:45px;height:54px;background:url(../images//about-Brand.png) no-repeat;display: block;transition:all .5s }
.footer ul.pic li a.pic02right {width:76px;height:54px;background:url(../images/about-b.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer ul.pic li a.pic03right {width:76px;height:55px;background:url(../images/about-d.png) no-repeat;display: block; margin:3px 0 0 32px ;}


.footer ul.pic li a.pic04right {width:76px;height:54px;background:url(../images/about-s.png) no-repeat;display: block; margin:3px 0 0 32px ;}
.footer .footer-pic .service  {margin-right:0;}
.footer .line-long {height:1px;background:#5b616a; position:absolute;top:129px; left:0px;width:100%;z-index:-99999px;}
.footer .footer-left{float:left;}
.footer .footer-left .left01 {width:430px;padding: 81px 0 17px 0;border-bottom: 1px solid #5b616a;margin-bottom: 16px;}
.footer .footer-left .left01 h3 {font-size: 20px;color: #d8d9db;margin-bottom:20px;}
.footer .footer-left .left01 p {font-size: 12px;color:#d8d9db;line-height: 28px;}
.footer .footer-left .left02 p.contact {font-size: 12px;color:#d8d9db;width: 115px;float: left;margin-top: 18px;}
.footer .footer-left .left02 p.icon {float: left;width:250px;margin-left: 11px;}
.footer .footer-left .left02 p.icon a:nth-child(1){position:relative;width: 50px;height: 50px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a:nth-child(1):after{content:"";background: url(../images/weibo222.png) no-repeat;width: 50px;height: 0px; position: absolute;top:50%;bottom: 50%;;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a:nth-child(1):hover:after{;height: 50px;top: 0;bottom:0;}
.footer .footer-left .left02 p.icon a.icon02{position:relative;width: 49px;height: 49px;display: inline-block;*display: inline;*zoom:1;}
.footer .footer-left .left02 p.icon a.icon02:after{content:"";background: url(../images/weixin002.png) no-repeat;width: 49px;height: 0px; position: absolute;top:50%;bottom: 50%;z-index: 9999;display: block;transition: all .5s;background-position: center center;}
.footer .footer-left .left02 p.icon a.icon02:hover:after{height: 49px;top: 0;bottom:0;}
.footer .footer-left .left02 p a.icon02 {margin-left: 23px;}
.footer .footer-middle-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-middle { width:258px;margin-top:73px;float:left;}
.footer .footer-middle .footer-m-l ul  { font-size:12px; color:#d8d9db;}
.footer .footer-middle .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-middle .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-middle .footer-m-l { width:258px;}
.footer .footer-middle .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-middle .footer-m-l ul li span { float:right;*margin-top:-35px;}
.footer .footer-middle .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-line {width:1px;height:139px;background:#5b616a;float:left;margin:0 47px;margin-top:99px;}
.footer .footer-right-01 { width:136px;margin-top:73px;float:left;}
.footer .footer-right-01 .footer-m-l p { font-size:20px;color:#d8d9db;margin-bottom:21px;}
.footer .footer-right-01 .footer-m-l ul a { font-size:12px; color:#d8d9db;cursor:pointer;}
.footer .footer-right-01 .footer-m-l ul a:hover {color:#00a72b;}
.footer .footer-right-01 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
.footer .footer-right-01 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 { width:136px;float:right;margin-top:113px;}
.footer .footer-right-02 ul li a { font-size:12px;color:#d8d9db;;}
.footer .footer-right-02 ul li a:hover { color:#00a72b;}
.footer .footer-right-02 .footer-m-l ul li span { float:right;background:url(../images/arrow.png) no-repeat;width:13px;height:7px;margin-top:6px;*margin-top:-28px;}
.footer .footer-right-02 .footer-m-l ul li { padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #5b616a;}
